<template>
  <div>
    <!-- svg是图标外层容器节点，需要与use标签结合使用 -->
    <svg style="width: 100px; height: 100px;">
      <!-- xlink:href 用哪个图标，属性值必须以#icon-开头，后面跟图标名字 -->
      <!-- 注意这里的fill属性要生效，必须把svg代码中的fill属性删掉 -->
      <use xlink:href="#icon-car" fill="blue"></use>
    </svg>

    <svg-icon prefix="#icon-" name="logout" fill="red"></svg-icon>
    <my-button></my-button>
  </div>
</template>

<script setup lang="ts">
// import request from '@/utils/request'
import { onMounted } from 'vue'
import { reqLogin } from '@/api/user'

onMounted(() => {
  reqLogin({ username: 'admin', password: '111111' })
    .then((res) => {
      console.log('请求成功', res)
    })
    .catch((err) => {
      console.log(err)
    })
})
</script>

<style scoped>

</style>